<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%String contextRoot = request.getContextPath();%>
<f:loadBundle basename="properties.messages" var="msg" />
<f:view>
	<!doctype html>
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title>SISDEP : Sistema de Informaci<h:outputText
		value="#{msg.tilde_o}" />n de Espacio P<h:outputText
		value="#{msg.tilde_u}" />blico</title>
	<meta name="description" content="" />
	<meta name="author" content="" />
	<link rel="stylesheet"
		href="<%=contextRoot%>/css/validationEngine.jquery.css"
		type="text/css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/template.css"
		type="text/css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/normalize.css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/uniform.css">
	<!-- estilos formularios -->
	<link rel="stylesheet" href="<%=contextRoot%>/css/cuerpo.css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/richCustom.css">
	</head>
	<body onload="fnTipo()">
	<div id="marco"><!--inicio contenedor -->
	<div class="arriba-cuerpo"></div>
	<div class="cuerpo"><a href="<%=contextRoot%>/index.jsf"><img
		src="<%= contextRoot %>/images/logos.png" /></a>
	<div class="clear"></div>
	<!-- Menu y Usuario init() --> <%@ include
		file="include/menuUsuario.jsp"%> <!-- Menu y Usuario end() -->
	<div class="clear"></div>
	<!-- Formulario -->
	<div id="buscador">
	<h2>Gesti<h:outputText value="#{msg.tilde_o}" />n de  Cambio Local: <h:outputText
		value="#{empty solicitudLocalCambioController.solicitudLocalCambio.id ? 'NUEVO' : 'EDICION'}" /></h2>

	<h:form id="manageSolicitudLocalCambioForm">

		<script type="text/javascript">

	function fnCambio(valor){		
		var cco = document.getElementById("cco");
		var local = document.getElementById("local");
		var tipo = document.getElementById("tipo");		
		if(valor == 'Cambio_de_Tipologia'){			
			cco.style.display = "none";
			local.style.display = "none";
			tipo.style.display = "";			
		}
		if(valor == 'Cambio_de_Local'){
			cco.style.display = "none";
			local.style.display = "";
			tipo.style.display = "none";
		}
		if(valor == 'Cambio_de_Centro_Comercial'){
			cco.style.display = "";
			local.style.display = "none";
			tipo.style.display = "none";						
		}		
	}

	function fnTipo(){
		var cco = document.getElementById("cco");
		var local = document.getElementById("local");
		var tipo = document.getElementById("tipo");		
		var tipologia = document.getElementById("manageSolicitudLocalCambioForm:tipoCambio");	
		valor=tipologia.value;
		if(valor == 'Cambio_de_Tipologia'){			
			cco.style.display = "none";
			local.style.display = "none";
			tipo.style.display = "";			
		}
		if(valor == 'Cambio_de_Local'){
			cco.style.display = "none";
			local.style.display = "";
			tipo.style.display = "none";
		}
		if(valor == 'Cambio_de_Centro_Comercial'){
			cco.style.display = "";
			local.style.display = "none";
			tipo.style.display = "none";						
		}	

	}	
	
	</script>
		<div class="clear"></div>
		<span class="left">
		 <label>Estado <span class="asterisco">*</span></label> 
		 	<h:selectOneMenu id="estado" styleClass="validate[required]"
				value="#{solicitudLocalCambioController.solicitudLocalCambio.estado}">
				<f:selectItem itemLabel="Seleccione..." itemValue="" />
				<f:selectItem itemLabel="En Proceso" itemValue="EN_PROCESO" />
				<f:selectItem itemLabel="Aprobada" itemValue="APROBADA" />
				<f:selectItem itemLabel="Negada" itemValue="NEGADA" />
			</h:selectOneMenu>
		</span>
		<span class="left" style="margin-left: 55px">
		 <label>Tipo de Cambio <span class="asterisco">*</span></label>
		  <h:selectOneMenu	id="tipoCambio" styleClass="validate[required]" onchange="fnCambio(this.value)"
				value="#{solicitudLocalCambioController.solicitudLocalCambio.tipoCambio}">
				<f:selectItem itemLabel="Seleccione..." itemValue="" />
				<f:selectItem itemLabel="Cambio de Tipologia" itemValue="Cambio_de_Tipologia" />
				<f:selectItem itemLabel="Cambio de Local" itemValue="Cambio_de_Local" />
				<f:selectItem itemLabel="Cambio de Centro Comercial" itemValue="Cambio_de_Centro_Comercial" />
		 </h:selectOneMenu> 
		</span>
		<span class="left"  style="margin-left: 30px">
		<label>Radicado  <span class="asterisco">*</span></label>
				<h:inputText id="radicado" size="15" maxlength="15" styleClass="validate[required]"
						value="#{solicitudLocalCambioController.solicitudLocalCambio.radicado}" />
		</span>
		<div class="clear"></div>
		<br />
		<span class="left"> 
			<label>Centro Comercial Actual <span class="asterisco">*</span></label>
			 <h:selectOneMenu id="idCentroComercialAct"
				styleClass="validate[required]" value="#{solicitudLocalCambioController.solicitudLocalCambio.idCentroComercialActStr}">
				<f:selectItem itemLabel="Seleccione..." itemValue="" />
				<f:selectItems value="#{solicitudLocalCambioController.listaCentrosComerciales}" />
			</h:selectOneMenu> 
		</span>
		<div id="cco"  style="display: none">
		<span class="left" style="margin-left: 60px"> 
		<label>Centro Comercial Solicitado</label> 
			<h:selectOneMenu id="idCentroComercialDes"	value="#{solicitudLocalCambioController.solicitudLocalCambio.idCentroComercialDesStr}">
				<f:selectItem itemLabel="Seleccione..." itemValue="" />
				<f:selectItems value="#{solicitudLocalCambioController.listaCentrosComerciales}" />
			</h:selectOneMenu> 
		</span>
		</div>
		<div class="clear"></div>
		<br />
		<span class="left"> 
			<label>Local Actual <span class="asterisco">*</span> </label> 
			<h:selectOneMenu id="idLocalActual" styleClass="validate[required]"
				value="#{solicitudLocalCambioController.solicitudLocalCambio.idLocalActualStr}">
				<f:selectItem itemLabel="Seleccione..." itemValue="" />
				<f:selectItems value="#{solicitudLocalCambioController.listaLocales}" />
			</h:selectOneMenu> 
		</span>
		<div id="local"  style="display: none">
		<span class="left" style="margin-left: 100px"> 
			<label>Local Solicitado </label>
			<h:selectOneMenu id="idLocalDestino" styleClass=""
					value="#{solicitudLocalCambioController.solicitudLocalCambio.idLocalDestinoStr}">
				<f:selectItem itemLabel="Seleccione..." itemValue="" />
				<f:selectItems value="#{solicitudLocalCambioController.listaLocales}" />
			</h:selectOneMenu> 
		</span>
		</div>
		<div class="clear"></div>
		<br />
		<span class="left">
		 <label>Tipolog<h:outputText value="#{msg.tilde_i}" />a Actual <span class="asterisco">*</span></label> 
		 	<h:selectOneMenu id="idTipologiaAct" styleClass="validate[required]"
				value="#{solicitudLocalCambioController.solicitudLocalCambio.idTipologiaActStr}">
				<f:selectItem itemLabel="Seleccione..." itemValue="" />
				<f:selectItems value="#{masterListCache.tipology}" />
			</h:selectOneMenu>
		</span>
		<div id="tipo"  style="display: none">
		<span class="left" style="margin-left: 40px"> 
			<label>Tipolog<h:outputText value="#{msg.tilde_i}" />a Solicitada</label>
				<h:selectOneMenu id="idTipologiaDes" styleClass=""
					value="#{solicitudLocalCambioController.solicitudLocalCambio.idTipologiaDesStr}">
				<f:selectItem itemLabel="Seleccione..." itemValue="" />
				<f:selectItems value="#{masterListCache.tipology}" />
			</h:selectOneMenu> 
		</span>
		</div>
		<div class="clear"></div>
		<br />
		<span class="left"> <label>Motivo <span	class="asterisco">*</span></label>
			 <h:inputTextarea id="motivo" styleClass="validate[required,maxSize[1000]]"
				style="width:550px !important; min-width:550px !important; max-width:550px !important; height:60px !important; min-height:60px !important; max-height:60px !important; "
				value="#{solicitudLocalCambioController.solicitudLocalCambio.motivo}" />
		</span>
		<div class="clear"></div>
		<br />
		<span class="left"> <label>Observaciones </label> 
			<h:inputTextarea id="observaciones" styleClass="validate[maxSize[255]]"
				style="width:550px !important; min-width:550px !important; max-width:550px !important; height:60px !important; min-height:60px !important; max-height:60px !important; "
				value="#{solicitudLocalCambioController.solicitudLocalCambio.observaciones}" />
		</span>
		<div class="clear"></div>
		(<span class="asterisco"> * </span>) : Campo Obligatorio
		<div class="clear"></div>
		<span class="botones right"> <h:commandButton
			id="createSolicitudLocalCambioButton" styleClass="botonsmall"
			type="submit" value="Guardar" ondblclick="return false;"
			action="#{solicitudLocalCambioController.manage}">
		</h:commandButton> </span>
	</h:form></div>
	<!-- Fin formulario -->
	<div class="clear"></div>
	<div class="clear" style="width: 400px; margin-left: 0px;"></div>
	<div class="clear" style="margin-left: 350px;"></div>
	<span class="botones left"
		style="width: 223px; height: 15px; margin-left: 25px; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; padding-right: 20px; background-color: #006F73; color: white;">
		Informaci<h:outputText value="#{msg.tilde_o}" />n de Auditor<h:outputText value="#{msg.tilde_i}" />a </span>
	<div class="clear" style="margin-left: 350px;"></div>
	<div><span class="left"> 
		<span class="left" 	style="width: 110px; height: 15px; margin-left: 25px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background-color: #EDEDED; border-top: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; color: #666666;">Usuario Creaci<h:outputText value="#{msg.tilde_o}" />n</span> <span class="left"
		style="width: 110px; height: 15px; margin-left: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background-color: #EDEDED; border-top: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 0px solid #999999; border-right: 1px solid #999999; color: #666666;">Fecha Creaci<h:outputText value="#{msg.tilde_o}" />n</span> <span class="left"
		style="width: 170px; height: 15px; margin-left: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background-color: #EDEDED; border-top: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 0px solid #999999; border-right: 1px solid #999999; color: #666666;">Usuario <h:outputText value="#{msg.tilde_u}" />ltima Modificaci<h:outputText value="#{msg.tilde_o}" />n</span> <span class="left"
		style="width: 170px; height: 15px; margin-left: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background-color: #EDEDED; border-top: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 0px solid #999999; border-right: 1px solid #999999; color: #666666;">Fecha <h:outputText value="#{msg.tilde_u}" />ltima Modificaci<h:outputText value="#{msg.tilde_o}" />n</span> 
	</span> 
	<span class="left"> 
	<span class="left" 	style="width: 110px; height: 15px; margin-left: 25px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background-color: #ffffff; border-top: 0px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; color: #666666;"><h:outputText value="#{solicitudLocalCambioController.solicitudLocalCambio.usuarioCrea}" /></span>
	<span class="left" 	style="width: 110px; height: 15px; margin-left: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background-color: #ffffff; border-top: 0px solid #999999; border-bottom: 1px solid #999999; border-left: 0px solid #999999; border-right: 1px solid #999999; color: #666666;"><h:outputText value="#{solicitudLocalCambioController.solicitudLocalCambio.fechaCrea}" /></span>
	<span class="left" 	style="width: 170px; height: 15px; margin-left: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background-color: #ffffff; border-top: 0px solid #999999; border-bottom: 1px solid #999999; border-left: 0px solid #999999; border-right: 1px solid #999999; color: #666666;"><h:outputText value="#{solicitudLocalCambioController.solicitudLocalCambio.usuarioModifica}" /></span>
	<span class="left" 	style="width: 170px; height: 15px; margin-left: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background-color: #ffffff; border-top: 0px solid #999999; border-bottom: 1px solid #999999; border-left: 0px solid #999999; border-right: 1px solid #999999; color: #666666;"><h:outputText value="#{solicitudLocalCambioController.solicitudLocalCambio.fechaModifica}" /></span>
	</span></div>
	<br />
	<span> <h:form id="cancelManageForm">
		<h:commandButton id="cancelManageButton" type="submit"
			value="Cancelar" ondblclick="return false;"
			action="#{solicitudLocalCambioController.cancelSolicitudLocalCambio}">
		</h:commandButton>
	</h:form> </span></div>
	<div class="abajo-cuerpo"></div>
	</div>
	<!-- Fin contenedor -->
	<div class="footer"></div>
	<script src="<%=contextRoot%>/js/jquery/lib/jquery-1.7.2.min.js"></script>
	<!-- De ser 1ro -->
	<script src="<%=contextRoot%>/js/script.js" type="text/javascript"></script>
	<!-- De ser 2do -->
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.uniform.min.js"></script>
	<!-- formularios -->
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine.js"
		type="text/javascript" charset="utf-8"></script>
	<script
		src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine-es.js"
		type="text/javascript" charset="utf-8"></script>
	<script src="<%=contextRoot%>/js/jquery.maskedinput-1.3.js"
		type="text/javascript"></script>
	<!-- Quitar si no se usan fechas -->
	<script src="<%=contextRoot%>/js/sisdep.js" type="text/javascript"></script>
	<!-- Quitar si no se usan funciones custom -->
	<script type="text/javascript">
jQ(document).ready(function() {
	jQ("input, select, input:checkbox, input:radio, input:file").uniform();
	jQ("#manageSolicitudLocalCambioForm").validationEngine('attach');
	jQ("#manageSolicitudLocalCambioForm").bind("jqv.form.result", function(event, errorFound) {
        if(!errorFound) displayLoadingImage();
    });
  // Activar la mascara para CADA campo tipo fecha. En caso de NO tener quitar esta linea:
  // jQ(".fechaXX").mask("99/99/9999");
});
</script>
	<%@ include file="include/validationStatus.jsp"%>
	</body>
	</html>
</f:view>
